<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
    <title>秒杀列表</title>
    <script th:src="@{/js/jquery-3.6.0.js}"></script>
    <!-- 引入 layui.css -->
    <link rel="stylesheet" th:href="@{/css/page.css}">
<!--    <script th:src="@{/js/laydate/laydate.js}"></script>-->
    <script th:src="@{/js/layer/layer.js}"></script>
    <script th:src="@{/js/template.js}"></script>
</head>
<body>
    <div class="float_clear">

            <div class="col-4"  th:each="item : ${data}">
                <button type="button" th:text="'开始'+${item.startTime}" disabled class="time_show"></button>
                <button type="button" th:text="'结束'+${item.endTime}" disabled class="time_show"></button>
                <!--            <p th:text="${item.startTime}"></p>-->
                <!--            <p th:text="${item.endTime}"></p>-->
                <div style="margin-top: 5px;" align="center">
                    <img src="https://file02.16sucai.com/d/file/2014/0827/c0c92bd51bb72e6d12d5b877dce338e8.jpg" width="270px"/>
                </div>
                <p>
                    秒杀名：<span th:text="${item.name}"></span>
                </p>
                <p>
                    秒杀价：<span th:text="${item.seckillPrice}"></span>
                </p>
                <p>
                    优惠价格：<span th:text="${item.favorablePrice}"></span>
                </p>
                <p>
                    秒杀数量：<span th:text="${item.seckillNum}"></span>
                </p>
                <br/>
                <!--        todo: 修改页面跳转地址-->
                <a th:href="|/page/courseSeckill/item/${item.id}|">
                    <input type="button" value="立即秒杀"/>
                </a>
            </div>
    </div>
<!--    <p th:each="item : ${data}" class="prefix_clear">-->
<!--        <span th:text="${item.name}"></span>-->
<!--        <span th:text="${item.startTime}"></span>-->
<!--        <span th:text="${item.endTime}"></span>-->
<!--    </p>-->
</body>
</html>